"use strict";

$(function () {
    //全局使用。即所有弹出层都默认采用，但是单个配置skin的优先级更高
    layer.config({
        title: 0, //标题
        closeBtn: 0, //关闭按钮
        shadeClose: true, //点击阴影关闭
        maxWidth: 260
        // btn: 0 //按钮
        // anim: 0, //动画类型
        // icon: 1,//标识图
        // skin: 'layer-ext-moon'
        // skin: 'layui-layer-molv'
    });
});

/**
 * 普通弹窗
 * @param {any} msg 内容
 * @param {any} e1 确定后的回调
 * @param {any} title 标题
 */
function alert(msg, e1) {
    var title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "提示";

    layer.alert(msg, {
        title: title,
        icon: -1,
        shadeClose: false
    }, e1);
}

/**
 * 提醒
 * @param {any} msg 内容
 * @param {any} e1 确定后的回调
 * @param {any} title 标题
 */
function alertWarn(msg, e1) {
    var title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "注意";

    layer.alert(msg, {
        title: title,
        icon: 0,
        shadeClose: false
    }, e1);
}

/**成功*/
function alertSuccess(msg, e1) {
    var title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "信息";

    layer.alert(msg, {
        title: title,
        icon: 1,
        shadeClose: false
    }, e1);
}

/**错误*/
function alertError(msg, e1) {
    var title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "错误";

    layer.alert(msg, {
        title: title,
        icon: 2,
        shadeClose: false
    }, e1);
}

/**疑问*/
function alertQuestion(msg, e1) {
    var title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "询问";

    layer.alert(msg, {
        title: title,
        icon: 3,
        shadeClose: false
    }, e1);
}

/**
 * 锁定
 * @param {any} msg 内容
 * @param {any} e1 确定后的回调
 * @param {any} title 标题
 */
function alertLock(msg, e1) {
    var title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "锁定";

    layer.alert(msg, {
        title: title,
        icon: 4,
        shadeClose: false
    }, e1);
}

/**
 * 询问层
 * @param {any} msg 内容
 * @param {any} e1 确定后执行方法
 * @param {any} e2 取消后执行方法
 * @param {any} title 标题
 */
function confirm(msg, e1, e2) {
    var title = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "询问";

    layer.confirm(msg, {
        icon: 3,
        title: title,
        shadeClose: false
    }, e1, e2);
}

/**
 * 提示层
 * @param {any} msg 内容
 * @param {any} e1 关闭后的回调
 * @param {any} icon 图标
 */
function message(msg, e1) {
    var icon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;

    layer.msg(msg, {
        icon: icon,
        time: 1000 //2秒关闭（如果不配置，默认是3秒）
    }, e1);
}

///回调后，点击确定或取消，关闭弹窗
$(document).on('click', '.layui-layer-btn0', function () {
    layer.closeAll("dialog");
});

$(document).on('click', '.layui-layer-btn1', function () {
    layer.closeAll("dialog");
});

/**
 * 加载层
 */
function loader() {
    var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "加载中";

    layer.msg(msg, {
        icon: -1,
        shade: [0.6, '#FFFFFF'],
        shadeClose: false
    });
}

/**
 * 加载层
 */
function loading() {
    var shade = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.9;
    var anim = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;

    layer.load(anim, {
        shade: [shade, '#fff'], //0.9透明度的白色背景
        scrollbar: false,
        shadeClose: false
    });
}

/**
 * 隐藏加载层
 */
function hideLoading() {
    layer.closeAll('loading'); //关闭加载层
}

function closeAlert() {
    layer.closeAll('dialog'); //关闭信息框
}

function hidePage() {
    layer.closeAll('page'); //关闭所有页面层
}
/**
 * 显示悬浮图片等-页面层
 * @param {any} id
 */
function ShowInfo(id) {
    var anim = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;

    layer.open({
        type: 1,
        title: false,
        closeBtn: 0,
        anim: anim,
        scrollbar: false,
        skin: 'layui-layer-nobg', //没有背景色
        shadeClose: true,
        content: id
    });
}

/**
 * 弹出层
 * @param {any} e id元素
 * @param {any} title 标题
 * @param {any} area 浮窗宽高
 */
function openPanel(e) {
    var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
    var area = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";

    e.show();
    layer.open({
        title: title,
        type: 1,
        skin: 'layui-layer-demo', //样式类名
        closeBtn: 0, //不显示关闭按钮
        anim: 2,
        shadeClose: true, //开启遮罩关闭
        scrollbar: false,
        content: e,
        area: area,
        end: function end() {
            e.hide(); //浮窗关闭后，内容层隐藏！浮窗的关闭，有内容层的事件处理
        }
    });
}

//layer.closeAll(); //疯狂模式，关闭所有层
//layer.closeAll('dialog'); //关闭信息框
//layer.closeAll('page'); //关闭所有页面层
//layer.closeAll('iframe'); //关闭所有的iframe层
//layer.closeAll('loading'); //关闭加载层
//layer.closeAll('tips'); //关闭所有的tips层    


function alertStyle(msg) {
    layer.open({
        type: 1,
        title: 0,
        time: 2500,
        closeBtn: 0,
        shadeClose: true,
        area: '80%',
        shade: 0.5,
        anim: 1,
        isOutAnim: true,
        content: "<div class=\"sailawei-tips\"><div>提示</div><div>" + msg + "</div></div>"
    });
}

function confirmStyle(msg, backFun) {
    //layer.load();
    layer.open({
        type: 1,
        title: 0,
        closeBtn: 0,
        shadeClose: true,
        area: '80%',
        shade: 0.5,
        anim: 1,
        isOutAnim: true,
        content: "<div class=\"sailawei-tips\"><div>提示</div><div>" + msg + "</div><ul><li onclick=\"javascript:layer.closeAll()\">取消</li><li onclick=" + backFun + "><font color='red'> 确定</font></li></ul></div>"
        /*yes: function(index, layero){
            layer.closeAll(); //如果设定了yes回调，需进行手工关闭
        }*/
    });
}
